<template>
  <view class="prizeList">
    <view class="level" v-for="(item,index) in list" >
      <text v-for="award in item">{{award}}</text>
    </view>
  </view>
</template>

<script setup>
  import { ref } from 'vue';
  import { onShow } from "@dcloudio/uni-app";
  const list=ref([]);
  onShow(()=>{
    console.log("uni请求真实数据");
    
  });
</script>

<style lang="scss">
  .prizeList{
    padding: 24rpx;
    padding: 100rpx,5%;
    margin: 10rpx;
    background: linear-gradient(to right, #87d5f2, #99a9bf);
    min-height: 1650rpx;
    border-radius: 20rpx;

    .level{
      display: flex;
      width: 100%;
      align-items: flex-start;
      flex-direction: row ;
      justify-content: flex-start;
      border-radius: 15rpx;
      margin-bottom: 10rpx;
      padding: 0 0 150rpx 0;
      font-size: 44rpx;

      text{
        overflow:hidden;
        white-space:no-wrap;
        text-overflow: ellipsis;
      }
    }
  }
</style>


